/* 暗黑模式全局变量 */
[data-theme="dark"] {
  --primary: #3b82f6;
  --accent: #6366f1;
  --background: #111827;
  --surface: #1f2937;
  --text-primary: #f3f4f6;
  --text-secondary: #9ca3af;
  --border: #374151;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-soft: 0 2px 4px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.4);
}

/* 基础元素样式 */
* {
  transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  line-height: 1.6;
  color: var(--text-primary);
  background-color: var(--background);
}

/* 搜索结果样式 */
#searchResults {
  background-color: var(--surface);
}

/* 暗黑模式特定样式 */
[data-theme="dark"] body {
  color: var(--text-primary);
  background-color: var(--background);
}

/* 登录页面暗黑模式样式 */
[data-theme="dark"] .min-h-screen.bg-gray-100 {
  background-color: var(--background);
}

[data-theme="dark"] .min-h-screen.bg-gray-100 > .bg-white {
  background-color: var(--surface);
}

[data-theme="dark"] .min-h-screen.bg-gray-100 h1,
[data-theme="dark"] .min-h-screen.bg-gray-100 p,
[data-theme="dark"] .min-h-screen.bg-gray-100 label {
  color: var(--text-primary);
}

[data-theme="dark"] .min-h-screen.bg-gray-100 .text-gray-500 {
  color: var(--text-secondary);
}

[data-theme="dark"] header {
  background-color: var(--surface);
  border-bottom: 1px solid var(--border);
}

[data-theme="dark"] header button:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] #mobileMenu {
  background-color: var(--surface);
  border-top: 1px solid var(--border);
}

[data-theme="dark"] .bg-white {
  background-color: var(--surface);
}

[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background-color: var(--surface);
  color: var(--text-primary);
  border: 1px solid var(--border);
}

[data-theme="dark"] input[type="text"]::placeholder,
[data-theme="dark"] input[type="password"]::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: var(--text-secondary);
}

[data-theme="dark"] #searchResults>div {
  border: 1px solid var(--border);
  background-color: var(--surface);
}

[data-theme="dark"] #searchResults>div:hover {
  box-shadow: var(--shadow);
  background-color: rgba(31, 41, 55, 0.8);
}

/* 暗黑模式下的分类和标签颜色 */
[data-theme="dark"] .bg-green-100 {
  background-color: #166534;
}

[data-theme="dark"] .text-green-800 {
  color: #4ade80;
}

[data-theme="dark"] .bg-blue-100 {
  background-color: #1e40af;
}

[data-theme="dark"] .text-blue-800 {
  color: #60a5fa;
}



/* 暗黑模式下的列表项样式 */
[data-theme="dark"] #searchResults>div,
[data-theme="dark"] #categoriesList>div>div,
[data-theme="dark"] #recentDocuments>div>div {
  background-color: var(--surface);
  border-color: var(--border);
}

[data-theme="dark"] #searchResults>div:hover,
[data-theme="dark"] #categoriesList>div>div:hover,
[data-theme="dark"] #recentDocuments>div>div:hover {
  background-color: rgba(31, 41, 55, 0.8);
}

/* 暗黑模式下的模态框背景 */
[data-theme="dark"] #addCategoryModal .bg-white,
[data-theme="dark"] #documentDetailModal .bg-white,
[data-theme="dark"] #editDocumentModal .bg-white {
  background-color: var(--surface);
}

[data-theme="dark"] #addCategoryModal .text-gray-700,
[data-theme="dark"] #documentDetailModal .text-gray-700,
[data-theme="dark"] #editDocumentModal .text-gray-700 {
  color: var(--text-primary);
}

/* 暗黑模式下的滚动条样式 */
[data-theme="dark"] ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
  background: var(--background);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 4px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: var(--text-secondary);
}

/* 深色模式下的按钮样式*/
[data-theme="dark"] #saveDocumentBtn {
  background-color: var(--primary);
  color: white;
}

[data-theme="dark"] #saveDocumentBtn:hover {
  background-color: rgba(59, 130, 246, 0.9);
}

[data-theme="dark"] #searchBtn {
  background-color: var(--accent);
  color: white;
  padding: 0.5rem 1rem;
}

[data-theme="dark"] #searchBtn:hover {
  background-color: rgba(99, 102, 241, 0.9);
}

/* 切换主题按钮样式 */
.theme-toggle {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--surface);
  color: var(--text-primary);
  border: 2px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: var(--shadow-lg);
  z-index: 100;
  transition: all 0.3s ease;
}

.theme-toggle:hover {
  transform: scale(1.1);
  background-color: var(--primary);
  color: white;
  border-color: var(--primary);
}

/* 聊天框深色模式样式 */
[data-theme="dark"] #messagesContainer {
  background-color: var(--background);
}

[data-theme="dark"] #messagesContainer .bg-gray-50 {
  background-color: var(--background);
}

/* 用户消息样式 */
[data-theme="dark"] #messagesContainer .bg-primary {
  background-color: var(--primary);
  color: white;
}

/* 智能助手消息样式 */
[data-theme="dark"] #messagesContainer .bg-white {
  background-color: var(--surface);
  border-color: var(--border);
}

[data-theme="dark"] #messagesContainer .text-gray-500 {
  color: var(--text-secondary);
}

/* 消息输入区域样式 */
[data-theme="dark"] #messagesContainer+.border-t {
  border-color: var(--border);
}

[data-theme="dark"] #messagesContainer+.p-2 {
  background-color: var(--surface);
}

[data-theme="dark"] #messagesContainer+div input[type="text"] {
  background-color: var(--background);
  border-color: var(--border);
  color: var(--text-primary);
}

[data-theme="dark"] #messagesContainer+div input[type="text"]::placeholder {
  color: var(--text-secondary);
}

[data-theme="dark"] #messagesContainer+div button {
  background-color: var(--primary);
  color: white;
}

[data-theme="dark"] #messagesContainer+div button:hover:not(:disabled) {
  background-color: rgba(59, 130, 246, 0.9);
}

[data-theme="dark"] #messagesContainer+div button:disabled {
  opacity: 0.5;
}

/* 确保消息内容在深色模式下正确显示 */
[data-theme="dark"] #messagesContainer .whitespace-pre-wrap {
  color: var(--text-primary);
}

/* 加载状态文本颜色 */
[data-theme="dark"] #messagesContainer .text-gray-500 {
  color: var(--text-secondary);
}

/* 对话列表深色模式样式 */
[data-theme="dark"] .flex-col.border.border-gray-200.rounded-lg {
  border-color: var(--border);
  background-color: var(--surface);
}

[data-theme="dark"] .p-2.border-b.border-gray-200.bg-gray-50 {
  border-color: var(--border);
  background-color: var(--surface);
}

[data-theme="dark"] #conversationsList {
  background-color: var(--surface);
}

[data-theme="dark"] #conversationsList .p-2.rounded-md.cursor-pointer.hover\:bg-gray-100.transition-colors {
  background-color: var(--surface);
}

[data-theme="dark"] #conversationsList .p-2.rounded-md.cursor-pointer.hover\:bg-gray-100.transition-colors:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] #conversationsList .bg-primary\/10.border-l-2.border-primary {
  background-color: rgba(59, 130, 246, 0.1);
  border-color: var(--primary);
}

[data-theme="dark"] #conversationsList .text-red-500 {
  color: #ef4444;
}

[data-theme="dark"] #conversationsList .text-red-500:hover {
  color: #dc2626;
}

[data-theme="dark"] #conversationsList .text-gray-500 {
  color: var(--text-secondary);
}

/* 聊天框整体样式统一 */
[data-theme="dark"] .flex.flex-col.border.border-gray-200.rounded-lg {
  border-color: var(--border);
}

/* 底部按钮区域边框颜色 */
[data-theme="dark"] .flex.justify-end.pt-4.border-t.border-gray-200 {
  border-color: var(--border);
}

/* 深色模式下编辑页面取消按钮悬停样式 */
[data-theme="dark"] #cancelAddCategory:hover {
  color: #000000;
}

[data-theme="dark"] #cancelEditDocument:hover {
  color: #000000;
}

[data-theme="dark"] #cancelDeleteConversation:hover {
  color: #000000;
}

[data-theme="dark"] #cancelRenameConversation:hover {
  color: #000000;
}

[data-theme="dark"] #cancelEditCategory:hover {
  color: #000000;
}

[data-theme="dark"] #cancelSmartCategories:hover {
  color: #000000;
}
